<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>一优劵</title>
    <link href="${pageContext.request.contextPath }/csslib/index.css" rel="stylesheet">
</head>
<body>
   <!-- 头部广告位 -->
  <div class="topAD">
        <div class="ad-main"><a href="#"><img src="${pageContext.request.contextPath }/images/product/top.jpg"></a></div>
  </div>
  <jsp:include page="/front/common/header.jsp"></jsp:include>
  <div class="index-top">
    <div class="wrap">
        <div class="allSort">
            <div class="allSort-list">
                <dl>
                      <dt>餐饮美食</dt>
                      <dd><a href="#">火锅</a></dd>
                      <dd><a href="#">烧烤</a></dd>
                      <dd><a href="#">牛排</a></dd>
                      <dd><a href="#">自助餐</a></dd>
                      <dd><a href="#">泰国菜</a></dd>
                      <dd><a href="#">串串香</a></dd>
                </dl>
                <dl>
                    <dt>休闲娱乐</dt>
                    <dd><a href="#">KTV</a></dd>
                    <dd><a href="#">密室逃脱</a></dd>
                    <dd><a href="#">塑身</a></dd>
                    <dd><a href="#">舞蹈</a></dd>
                </dl>
                <dl>
                    <dt>生活服务</dt>
                    <dd><a href="#">洗车</a></dd>
                    <dd><a href="#">墙纸</a></dd>
                    <dd><a href="#">家政</a></dd>
                </dl>
                <dl class="last">
                    <dt>酒店旅游</dt>
                    <dd><a href="#">机票</a></dd>
                    <dd><a href="#">租车</a></dd>
                </dl>
            </div>
        </div>
        <div class="mainPromo">
            <div class="focus"><img src="${pageContext.request.contextPath }/images/product/focus.jpg"></div>
        </div>
        <div class="side">
            <div class="login">
                <div class="login-hd">用户登录</div>
                <div class="login-bd">
                    <p class="p-input"><span>用户名：</span><input type="text" class="input-login" /></p>
                    <p class="p-input"><span>密&nbsp;&nbsp;码：</span><input type="text" class="input-login"  /></p>
                    <p class="p-check">
                        <label><input class="input-middle" type="checkbox">记住密码</label>
                        <label><input class="input-middle" type="checkbox">自动登录</label>
                    </p>
                    <div class="ld-sub">
                        <a href="javascript:void(0)" class="login-button"></a>
                        <a href="javascript:void(0)" class="reg-button"></a>
                    </div>
                </div>
            </div>
            <div class="min-promo">
                <a href="#"><img src="${pageContext.request.contextPath }/images/product/more.jpg"></a>
            </div>
        </div>
    </div>
  </div>
  <div class="index-main">
      <div class="wrap">
          <div class="product-item item-food">
              <div class="item-hd">
                  <span class="min-tit">餐饮美食</span>
                  <span class="gold-info">256898个<img src="img/index-icon-gold.png">金币等着你来领取！ </span>
              </div>
              <div class="item-bd">
                  <div class="item-side">
                      <div class="is-list">
                          <a href="#">火锅</a>
                          <a href="#">烧烤</a>
                          <a href="#">自助餐</a>
                          <a href="#">西餐</a>
                          <a href="#">串串</a>
                          <a href="#">泰国菜</a>
                          <a href="#">烤全羊</a>
                          <a href="#">挪威森林私家菜</a>
                          <a href="#">意大利面</a>
                          <a href="#">德国烤肠</a>
                          <a href="#">阿根廷牛肉</a>
                      </div>
                  </div>
                  <div class="item-main">
                      <ul>
                          <li>
                              <div class="content">
                                  <a href="#" class="min-pic"><img src="${pageContext.request.contextPath }/images/product/min.png"></a>
                                  <div class="info">
                                      <p class="color-orange">
                                          悬赏：￥<span>56</span>
                                          <a href="#">新品促销微群营销微博推广,微博... </a>
                                      </p>
                                      <p><span>肯德基</span> 发布 <span>4</span>投标</p>
                                      <p class="color-green">已有<span>25人领取</span></p>
                                  </div>
                              </div>
                          </li>
                          <li>
                              <div class="content">
                                  <a href="#" class="min-pic"><img src="${pageContext.request.contextPath }/images/product/min.png"></a>
                                  <div class="info">
                                      <p class="color-orange">
                                          悬赏：￥<span>56</span>
                                          <a href="#">新品促销微群营销微博推广,微博... </a>
                                      </p>
                                      <p><span>肯德基</span> 发布 <span>4</span>投标</p>
                                      <p class="color-green">已有<span>25人领取</span></p>
                                  </div>
                              </div>
                          </li>
                          <li>
                              <div class="content">
                                  <a href="#" class="min-pic"><img src="${pageContext.request.contextPath }/images/product/min.png"></a>
                                  <div class="info">
                                      <p class="color-orange">
                                          悬赏：￥<span>56</span>
                                          <a href="#">新品促销微群营销微博推广,微博... </a>
                                      </p>
                                      <p><span>肯德基</span> 发布 <span>4</span>投标</p>
                                      <p class="color-green">已有<span>25人领取</span></p>
                                  </div>
                              </div>
                          </li>
                          <li>
                              <div class="content">
                                  <a href="#" class="min-pic"><img src="${pageContext.request.contextPath }/images/product/min.png"></a>
                                  <div class="info">
                                      <p class="color-orange">
                                          悬赏：￥<span>56</span>
                                          <a href="#">新品促销微群营销微博推广,微博... </a>
                                      </p>
                                      <p><span>肯德基</span> 发布 <span>4</span>投标</p>
                                      <p class="color-green">已有<span>25人领取</span></p>
                                  </div>
                              </div>
                          </li>
                          <li>
                              <div class="content">
                                  <a href="#" class="min-pic"><img src="${pageContext.request.contextPath }/images/product/min.png"></a>
                                  <div class="info">
                                      <p class="color-orange">
                                          悬赏：￥<span>56</span>
                                          <a href="#">新品促销微群营销微博推广,微博... </a>
                                      </p>
                                      <p><span>肯德基</span> 发布 <span>4</span>投标</p>
                                      <p class="color-green">已有<span>25人领取</span></p>
                                  </div>
                              </div>
                          </li>
                          <li>
                              <div class="content">
                                  <a href="#" class="min-pic"><img src="${pageContext.request.contextPath }/images/product/min.png"></a>
                                  <div class="info">
                                      <p class="color-orange">
                                          悬赏：￥<span>56</span>
                                          <a href="#">新品促销微群营销微博推广,微博... </a>
                                      </p>
                                      <p><span>肯德基</span> 发布 <span>4</span>投标</p>
                                      <p class="color-green">已有<span>25人领取</span></p>
                                  </div>
                              </div>
                          </li>

                      </ul>
                  </div>
              </div>
          </div>
          <div class="product-item item-fun">
              <div class="item-hd">
                  <span class="min-tit">休闲娱乐</span>
                  <span class="gold-info">256898个<img src="img/index-icon-gold.png">金币等着你来领取！ </span>
              </div>
              <div class="item-bd">
                  <div class="item-side">
                      <div class="is-list">
                          <a href="#">火锅</a>
                          <a href="#">烧烤</a>
                          <a href="#">自助餐</a>
                          <a href="#">西餐</a>
                          <a href="#">串串</a>
                          <a href="#">泰国菜</a>
                          <a href="#">烤全羊</a>
                          <a href="#">挪威森林私家菜</a>
                          <a href="#">意大利面</a>
                          <a href="#">德国烤肠</a>
                          <a href="#">阿根廷牛肉</a>
                      </div>
                  </div>
                  <div class="item-main">
                      <ul>
                          <li>
                              <div class="content">
                                  <a href="#" class="min-pic"><img src="${pageContext.request.contextPath }/images/product/min.png"></a>
                                  <div class="info">
                                      <p class="color-orange">
                                          悬赏：￥<span>56</span>
                                          <a href="#">新品促销微群营销微博推广,微博... </a>
                                      </p>
                                      <p><span>肯德基</span> 发布 <span>4</span>投标</p>
                                      <p class="color-green">已有<span>25人领取</span></p>
                                  </div>
                              </div>
                          </li>
                          <li>
                              <div class="content">
                                  <a href="#" class="min-pic"><img src="${pageContext.request.contextPath }/images/product/min.png"></a>
                                  <div class="info">
                                      <p class="color-orange">
                                          悬赏：￥<span>56</span>
                                          <a href="#">新品促销微群营销微博推广,微博... </a>
                                      </p>
                                      <p><span>肯德基</span> 发布 <span>4</span>投标</p>
                                      <p class="color-green">已有<span>25人领取</span></p>
                                  </div>
                              </div>
                          </li>
                          <li>
                              <div class="content">
                                  <a href="#" class="min-pic"><img src="${pageContext.request.contextPath }/images/product/min.png"></a>
                                  <div class="info">
                                      <p class="color-orange">
                                          悬赏：￥<span>56</span>
                                          <a href="#">新品促销微群营销微博推广,微博... </a>
                                      </p>
                                      <p><span>肯德基</span> 发布 <span>4</span>投标</p>
                                      <p class="color-green">已有<span>25人领取</span></p>
                                  </div>
                              </div>
                          </li>
                          <li>
                              <div class="content">
                                  <a href="#" class="min-pic"><img src="${pageContext.request.contextPath }/images/product/min.png"></a>
                                  <div class="info">
                                      <p class="color-orange">
                                          悬赏：￥<span>56</span>
                                          <a href="#">新品促销微群营销微博推广,微博... </a>
                                      </p>
                                      <p><span>肯德基</span> 发布 <span>4</span>投标</p>
                                      <p class="color-green">已有<span>25人领取</span></p>
                                  </div>
                              </div>
                          </li>
                          <li>
                              <div class="content">
                                  <a href="#" class="min-pic"><img src="${pageContext.request.contextPath }/images/product/min.png"></a>
                                  <div class="info">
                                      <p class="color-orange">
                                          悬赏：￥<span>56</span>
                                          <a href="#">新品促销微群营销微博推广,微博... </a>
                                      </p>
                                      <p><span>肯德基</span> 发布 <span>4</span>投标</p>
                                      <p class="color-green">已有<span>25人领取</span></p>
                                  </div>
                              </div>
                          </li>
                          <li>
                              <div class="content">
                                  <a href="#" class="min-pic"><img src="${pageContext.request.contextPath }/images/product/min.png"></a>
                                  <div class="info">
                                      <p class="color-orange">
                                          悬赏：￥<span>56</span>
                                          <a href="#">新品促销微群营销微博推广,微博... </a>
                                      </p>
                                      <p><span>肯德基</span> 发布 <span>4</span>投标</p>
                                      <p class="color-green">已有<span>25人领取</span></p>
                                  </div>
                              </div>
                          </li>

                      </ul>
                  </div>
              </div>
          </div>
          <div class="product-item item-service">
              <div class="item-hd">
                  <span class="min-tit">生活服务</span>
                  <span class="gold-info">256898个<img src="img/index-icon-gold.png">金币等着你来领取！ </span>
              </div>
              <div class="item-bd">
                  <div class="item-side">
                      <div class="is-list">
                          <a href="#">火锅</a>
                          <a href="#">烧烤</a>
                          <a href="#">自助餐</a>
                          <a href="#">西餐</a>
                          <a href="#">串串</a>
                          <a href="#">泰国菜</a>
                          <a href="#">烤全羊</a>
                          <a href="#">挪威森林私家菜</a>
                      </div>
                  </div>
                  <div class="item-main">
                      <ul>
                          <li>
                              <div class="content">
                                  <a href="#" class="min-pic"><img src="${pageContext.request.contextPath }/images/product/min.png"></a>
                                  <div class="info">
                                      <p class="color-orange">
                                          悬赏：￥<span>56</span>
                                          <a href="#">新品促销微群营销微博推广,微博... </a>
                                      </p>
                                      <p><span>肯德基</span> 发布 <span>4</span>投标</p>
                                      <p class="color-green">已有<span>25人领取</span></p>
                                  </div>
                              </div>
                          </li>
                          <li>
                              <div class="content">
                                  <a href="#" class="min-pic"><img src="${pageContext.request.contextPath }/images/product/min.png"></a>
                                  <div class="info">
                                      <p class="color-orange">
                                          悬赏：￥<span>56</span>
                                          <a href="#">新品促销微群营销微博推广,微博... </a>
                                      </p>
                                      <p><span>肯德基</span> 发布 <span>4</span>投标</p>
                                      <p class="color-green">已有<span>25人领取</span></p>
                                  </div>
                              </div>
                          </li>
                          <li>
                              <div class="content">
                                  <a href="#" class="min-pic"><img src="${pageContext.request.contextPath }/images/product/min.png"></a>
                                  <div class="info">
                                      <p class="color-orange">
                                          悬赏：￥<span>56</span>
                                          <a href="#">新品促销微群营销微博推广,微博... </a>
                                      </p>
                                      <p><span>肯德基</span> 发布 <span>4</span>投标</p>
                                      <p class="color-green">已有<span>25人领取</span></p>
                                  </div>
                              </div>
                          </li>
                          <li>
                              <div class="content">
                                  <a href="#" class="min-pic"><img src="${pageContext.request.contextPath }/images/product/min.png"></a>
                                  <div class="info">
                                      <p class="color-orange">
                                          悬赏：￥<span>56</span>
                                          <a href="#">新品促销微群营销微博推广,微博... </a>
                                      </p>
                                      <p><span>肯德基</span> 发布 <span>4</span>投标</p>
                                      <p class="color-green">已有<span>25人领取</span></p>
                                  </div>
                              </div>
                          </li>
                          <li>
                              <div class="content">
                                  <a href="#" class="min-pic"><img src="${pageContext.request.contextPath }/images/product/min.png"></a>
                                  <div class="info">
                                      <p class="color-orange">
                                          悬赏：￥<span>56</span>
                                          <a href="#">新品促销微群营销微博推广,微博... </a>
                                      </p>
                                      <p><span>肯德基</span> 发布 <span>4</span>投标</p>
                                      <p class="color-green">已有<span>25人领取</span></p>
                                  </div>
                              </div>
                          </li>
                          <li>
                              <div class="content">
                                  <a href="#" class="min-pic"><img src="${pageContext.request.contextPath }/images/product/min.png"></a>
                                  <div class="info">
                                      <p class="color-orange">
                                          悬赏：￥<span>56</span>
                                          <a href="#">新品促销微群营销微博推广,微博... </a>
                                      </p>
                                      <p><span>肯德基</span> 发布 <span>4</span>投标</p>
                                      <p class="color-green">已有<span>25人领取</span></p>
                                  </div>
                              </div>
                          </li>

                      </ul>
                  </div>
              </div>
          </div>
          <div class="product-item item-other">
              <div class="item-hd">
                  <div class="ih hd-travel">
                      <span class="min-tit">酒店旅游</span>
                      <span class="gold-info">256898个<img src="img/index-icon-gold.png">金币等着你来领取！ </span>
                  </div>
                  <div class="ih hd-meiti">
                      <span class="min-tit">美体彩妆</span>
                      <span class="gold-info">256898个<img src="img/index-icon-gold.png">金币等着你来领取！ </span>
                  </div>
                  <div class="ih hd-comp">
                      <span class="min-tit">网购精品</span>
                      <span class="gold-info">256898个<img src="img/index-icon-gold.png">金币等着你来领取！ </span>
                  </div>
              </div>
              <div class="item-bd">
                  <div class="item-side bd-travel">
                      <div class="is-list">
                          <a href="#">火锅</a>
                          <a href="#">烧烤</a>
                          <a href="#">自助餐</a>
                          <a href="#">西餐</a>
                          <a href="#">串串</a>
                          <a href="#">泰国菜</a>
                          <a href="#">烤全羊</a>
                          <a href="#">挪威森林私家菜</a>
                          <a href="#">西餐</a>
                          <a href="#">串串</a>
                          <a href="#">泰国菜</a>
                          <a href="#">烤全羊</a>
                      </div>
                  </div>
                  <div class="item-side bd-meiti">
                      <div class="is-list">
                          <a href="#">火锅</a>
                          <a href="#">烧烤</a>
                          <a href="#">自助餐</a>
                          <a href="#">西餐</a>
                          <a href="#">串串</a>
                          <a href="#">泰国菜</a>
                          <a href="#">烤全羊</a>
                          <a href="#">挪威森林私家菜</a>
                          <a href="#">自助餐</a>
                          <a href="#">西餐</a>
                          <a href="#">串串</a>
                          <a href="#">泰国菜</a>
                          <a href="#">烤全羊</a>
                          <a href="#">挪威森林私家菜</a>
                      </div>
                  </div>
                  <div class="item-side bd-comp">
                      <div class="is-list">
                          <a href="#">火锅</a>
                          <a href="#">烧烤</a>
                          <a href="#">自助餐</a>
                          <a href="#">西餐</a>
                          <a href="#">串串</a>
                          <a href="#">泰国菜</a>
                          <a href="#">烤全羊</a>
                          <a href="#">挪威森林私家菜</a>
                          <a href="#">火锅</a>
                          <a href="#">烧烤</a>
                          <a href="#">自助餐</a>
                          <a href="#">西餐</a>
                      </div>
                  </div>

              </div>
          </div>
      </div>
  </div>
  <div class="index-bottom">
      <div class="process">
          <div>加入推广代理商流程</div>
          <ul>
              <li><i>1.</i>申请成为代理商</li>
              <li><i>2.</i>获取代理链接</li>
              <li><i>3.</i>推广获得金币</li>
              <li><i>4.</i>兑换礼品</li>
          </ul>
      </div>
  </div>
    <!-- 底部广告位 -->
    <div class="bottomAD">
        <div class="ad-main"><a href="#"><img src="${pageContext.request.contextPath }/images/product/bot.jpg"></a></div>
    </div>
  <jsp:include page="/front/common/footer.jsp"></jsp:include>
  <script src="${pageContext.request.contextPath }/jslib/jquery-1.8.3.min.js"></script>
  <script  src="${pageContext.request.contextPath }/jslib/common.js"></script>
</body>
</html>